<!DOCTYPE html>
<html>
<head>
    <title>Mooc</title>
	<meta charset=utf-8>
	<link rel="stylesheet" type="text/css" href="style.css">
	<link rel="stylesheet" type="text/css" href="main.css">
</head>
<body>
	<div class="top">
		<div class="top_content">
			<ul>
			<li><a href="#">联系我们</a></li>
			<li><a href="#">加入收藏</a></li>
			<li><a href="#">设为首页</a></li>
			</ul>
		</div>
	</div>		<!-- top结束 -->

	<div class="wrap">
		<div class="logo">
		<div class="logo_left">
			<img src="images/logo.jpg" alt="慕课网" />
		</div>
		<div class="logo_right">
			<img src="images/tel.jpg" alt="服务热线" />24小时服务热线:<span class="tel">123-456-789</span>
		</div>
		</div>	<!-- logo结束 -->

		<div class="nav">
			<div class="nav_left"></div>
				<div class="nav_mid">
					<div class="nav_mid_left">
						<ul>
							<li><a href="#">首页</a></li>
							<li><a href="#">关于慕课</a></li>
							<li><a href="#">新闻动态</a></li>
							<li><a href="#">课程中心</a></li>
							<li><a href="#">在线课程</a></li>
							<li><a href="#">人才招聘</a></li>
						</ul>
					</div>
						<div class="nav_mid_right">
							<form action="#" method="POST">
							<input type="text" class="search_text">
							</form>
							</div>
				</div>		<!-- nav_mid 结束 -->
			<div class="nav_right"></div>
		</div>	<!-- nav 结束-->

		<div class="ad" id="picBox" style="height:243px;">
			<img src="images/ad.jpg" />
		</div>	<!-- ad结束 -->

		<div class="list_main">
			<div class="news_type"></div>
			<div class="list_box"></div>
		</div>

	</div>		<!-- wrap结束 -->

	<div class="copyright">
		<div class="copyright_content">
			<ul>
				<li><a href="#">关于</a>
					<ul>
		         		 <li><a href="#">品牌故事</a></li>
		          		 <li><a href="#">联系我们</a></li>
		         		 <li><a href="#">加入我们</a></li>
		          		<li><a href="#">版权声明</a></li>
		        	</ul>
				</li>
				<li><a href="#">课程</a>
					<ul>
         				 <li><a href="#">PHP开发</a></li>
         				 <li><a href="#">前端开发</a></li>
         				 <li><a href="#">JAVA开发</a></li>
          				<li><a href="#">Android开发</a></li>
       				 </ul>
				</li>
				<li><a href="#">关注</a>
					<ul>
          				<li><a href="#">新浪微博</a></li>
          				<li><a href="#">腾讯微博</a></li>
         				<li><a href="#">企业微信</a></li>
          				<li><a href="#">QQ空间</a></li>
       				 </ul>
				</li>
				<li><a href="#">留言</a>
			        <ul>
			            <li><a href="#">意见反馈</a></li>
			          	<li><a href="#">问题留言</a></li>
			          	<li><a href="#">媒体联络</a></li>
			          	<li><a href="#">在线客服</a></li>
			        </ul>
			     </li>
				<li>
					<a href="#"><img src="images/weixin.png" />微信关注</a>
					<ul>
			          <li><img src="images/qrcode.jpg" /></li>
			        </ul>
				</li>
			</ul>
		</div>
	</div>
</body>		
</html>